$(function(){
    initArtCateList()
    function initArtCateList(){
        $.ajax({
            method:'GET',
            url:'/my/article/cates',
            success:function(res){
                console.log(res)
                var htmlStr=template('tpl-table',res)
                $('tbody').html(htmlStr)
            }
        })
    }

    var layer = layui.layer
    var layerindex=null
     // 为添加类别按钮绑定点击事件

  $('#btnAddCate').on('click', function() {
    layerindex=layer.open({
      type: 1,
      area: ['500px', '250px'],
      title: '添加文章分类',
      content: $('#dialog-add').html()
    })
  })

  //代理形式
  $('body').on('submit','#form-add',function(e){
    e.preventDefault()
    $.ajax({
        method:'POST',
        url:'/my/article/addcates',
        data:$(this).serialize(),
        success:function(res){
            if(res.status!==0){
                return layer.msg('新增分类失败')
            }
            initArtCateList()
            layer.msg('新增分类成功')
            layer.close(layerindex)
        }
    })
  })
  // 通过代理的形式，为 form-add 表单绑定 submit 事件
//   $('body').on('submit', '#form-add', function(e) {
//     e.preventDefault()
//     $.ajax({
//       method: 'POST',
//       url: '/my/article/addcates',
//       data: $(this).serialize(),
//       success: function(res) {
//         if (res.status !== 0) {
//           return layer.msg('新增分类失败！')
//         }
//         initArtCateList()
//         layer.msg('新增分类成功！')
//         // 根据索引，关闭对应的弹出层
//         layer.close(indexAdd)
//       }
//     })
//   })
})